<template>
  <div class="flex p-1.5 border-b dark:text-zinc-100 dark:border-b-[#000] dark:bg-[#212124]">
    <div class="flex-1" v-for="(item, index) in list" :key="index">
      <span class="font-bold text-[#02094f] dark:text-[#4c5d7a]"> {{ item.name }}： </span>
      <span>
        {{ item.value }}
      </span>
    </div>
  </div>
</template>

<script setup lang="ts">
type List = {
  name: string
  value: any
}
const props = defineProps<{
  list: List[]
}>()
</script>

<style scoped></style>
